<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>XDF Hardware repair Web</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="XDFqiyehao/baoxiutaiSubmit">
    <meta name="keywords" content="baoxiutaiSubmit">
    <meta name="author" content="XIAN Neworiental School Infomatiom Dept.">
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> 
    <style>

      
body{
      font-family: Microsoft YaHei; 
      font-size:20px; 
      margin-left:auto;
      margin-right:auto;
     
}
       
.form1 {          
      text-align: center;
      margin-top: 25px;       
       }
             
.select {
      margin-top:22px;            
      }
      
.Filling {        
      text-align: center;
      }
     
.submit {       
      margin-top: 25px;        
      text-align: center;
      }
        
h1{
       text-align:center;
       color:#60c0dd;
             font-size:30px;
      }
            
.sub{
            padding:3%;
            height:40px;
      		width:65%;
      		font-size:16px;
            text-align: center;
           
            border-radius:2px;
            background-color:#60c0dd;
            
      }
             
.des{
            font-size:20px;
            padding:3%;
            text-align: center;
            height:40px;
            border:solid 1px #60c0dd;
      }
            
.jingji{
            height: 20px;
            width:60%;
            font-size:15px;
            border:solid 1px #60c0dd;
           }  

.xiala{
            height:29px;
            width:65%;
            font-size:15px;
            border:solid 1px #60c0dd;
            } 
           
label{
            color:#60c0dd;
          }
</style>
</head>

  <!--Form section Begin-->
  <body>
     
              
       <div class="form1">
      <form action="baoxiutaisubmit.php" method="post" >
        
          <h1>硬件故障报修</h1>
          <div class="select">
          <label >姓名</label>
          <input type="text" name="name"  
          placeholder="例：小芳" class="jingji" required="required">
          </div>
          <div class="select">
          <label >邮箱</label>
          <input type="email" name="email" 
            placeholder="@xdf.cn" class="jingji"  required="required">
          </div>
          <div class="select">
          <label>部门</label>
          <input type="text" name="department"  
            placeholder="例：信息管理部" class="jingji"required="required">
          </div>
          <div class="select">
          <label >手机</label>
          <input type="tel" name="phone"  
            placeholder="请输入11位手机号" class="jingji"   pattern="[0-9]{11}" title="请输入11位电话号码" required="required" >
              
          </div>
          <div class="select">
                   <label>
                    <select name="address" class="xiala">
                              <option>请选择故障报修校区</option>
                              <option name="address" value="北大街" >北大街校区</option>
                              <option name="address" value="文艺路">文艺路校区</option>
                              <option name="address" value="第一中学">第一中学校区</option>
                              <option name="address" value="西门">西门校区</option>
                              <option name="address" value="交大">交大校区</option>
                              <option name="address" value="一教">南二环一教</option>
                              <option name="address" value="二教">南二环二教</option>
                              <option name="address" value="三教">南二环三教</option>
                              <option name="address" value="广丰">广丰总部</option>
                              <option name="address" value="北美">留学考试北美学习中心</option>
                              <option name="address" value="雅思">留学考试雅思学习中心</option>
                              <option name="address" value="小寨">小寨校区</option>
                              <option name="address" value="通译坊一教">大唐通易坊一教</option>
                              <option name="address" value="通译坊二教">大唐通易坊二教</option>
                              <option name="address" value="曲江">曲江校区</option>
                              <option name="address" value="高新">高新校区</option>
                              <option name="address" value="水晶城">水晶城校区</option>
                              <option name="address" value="韩森寨">韩森寨校区</option>
                              <option name="address" value="绿园">长安绿园校区</option>
                              <option name="address" value="北郊">北郊校区</option>
                              <option name="address" value="优能北郊旗舰店">优能北郊旗舰店</option>
                    </select>
                  </label>
          </div>
          
          
          <div class="select">
          
              <label></label>
                <input class="des" type="equipment" name="equipment" placeholder="故障描述" required="required">
              
          </div>
        
       <!--Submit section Begin-->
            <div class="select"> 
                <input type="submit" value="提交" class="sub" style="color:white;">
          </div>
          </form>
    </div>
      
      
<!--JS 文件开始-->

 
      
</body>
</html>
